import React, { Component } from 'react'
import PropTypes from 'prop-types' // 在脚手架创建的项目中,已经帮我们下载好了这个包,所以直接引入,无需下载
export default class Count extends Component {
  // static propTypes = {}
  constructor(props) {
    super(props)
    console.log(this.props)
  }
  render() {
    // 类组件接收数据
    console.log(this.props)
    return (
      <div>
        {this.props.bbb},{this.props.aaa}
      </div>
    )
  }
}

Count.propTypes = {
  // 配置校验规则
  aaa: PropTypes.element.isRequired,
}

Count.defaultProps = {
  aaa: <h3>哈哈哈</h3>,
}
// import React from 'react'
// // 函数组件接收数据的方式
// export default function Count(props) {
//   console.log(props)
//   // props.xxx = 'abc'
//   // props.arr.push(0)
//   // props.arr = 123
//   return (
//     <div>
//       count, {props.arr}
//       <hr />
//       {/* 渲染标签 */}
// {
//   props.aaa
// }
//       {/* 使用组件 */}
//       <props.eleType></props.eleType>
//       {/* 渲染组件实例(组件实例就相当于是一个虚拟dom)*/}
//       {props.ele}
//     </div>
//   )
// }
